<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>未登录结算</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_792551_0o4jg9vy3hmh.css"/>
		<link rel="stylesheet" type="text/css" href="../css/login-accounts.css" />
	</head>

	<body>
		<div class="wrap">
			<header>
				<div class="top">
					<div class="top-t clearfix w">
						<span>
							<a href="reg.html">注册</a>
							<a href="reg.html">登录</a>
							<a href="VIP_landing.html">VIP登录</a>
						</span>
						<ul>
							<li><a href="search.html">商家入驻</a></li>
							<li><a href="shopping-Mall-shopping-cart.html">我的订单</a></li>
							<li><a href="shopping-address.html"><b class="iconfont icon-gouwuche"></b> <b>( 0 )</b></a></li>
						</ul>
					</div>
				</div>
				<div class="header_contant clearfix w">
					<div class="logo">
						<a href="index.html"><img src="../images/index/logo.png"/></a>
					</div>
					<div class="search">
						<form action="" method="post" class="clearfix">
							<input type="text" placeholder="serch"/>
							<input type="button" value=""/>
							<i class="iconfont icon-fangdajing magnifying"></i>
						</form>
						<ul class="clearfix">
							<li><a href="#">地板</a></li>
							<li><a href="#">地板</a></li>
							<li><a href="#">地板</a></li>
							<li><a href="#">地板</a></li>
							<li><a href="#">地板</a></li>
							<li><a href="#">地板</a></li>
						</ul>
					</div>
				</div>
				<nav>
					<div class="nav w">
						<ul class="clearfix">
							<li class="nav_li">
								<a href="login-accounts.html">木工</a>
								<div class="navigation">
									<div class="centent w">
										<div class="listing1 flo">
											<ul>
												<li class="Coarse_word">板材</li>
												<li><a href="#">装饰面板</a></li>
												<li><a href="#">宝丽板</a></li>
												<li><a href="#">三聚氰胺板</a></li>
												<li><a href="#">铝塑板</a></li>
												<li><a href="#">多层板</a></li>
												<li><a href="#">中纤板</a></li>
												<li><a href="#">细木工板</a></li>
												<li><a href="#">刨花板</a></li>
											</ul>
											<ul class="spacing">
												<li><a href="#">欧松板</a></li>
												<li><a href="#">防火板</a></li>
												<li><a href="#">密度板</a></li>
												<li><a href="#">其他板材</a></li>
											</ul>
										</div>
										<div class="listing1 flo">
											<ul>
												<li class="Coarse_word">地板</li>
												<li><a href="#">实木地板</a></li>
												<li><a href="#">实木复合地板</a></li>
												<li><a href="#">强化复合地板</a></li>
												<li><a href="#">竹地板</a></li>
												<li><a href="#">软木地板</a></li>
												<li><a href="#">塑料地板</a></li>
												<li><a href="#">PVC地板</a></li>
												<li><a href="#">其他地板</a></li>
											</ul>
										</div>
										<div class="listing1 flo">
											<ul>
												<li class="Coarse_word">木线</li>
												<li><a href="#">普通龙骨</a></li>
												<li><a href="#">精品龙骨</a></li>
												<li><a href="#">顶线</a></li>
												<li><a href="#">门线</a></li>
												<li><a href="#">角线</a></li>
												<li><a href="#">木方线</a></li>
												<li><a href="#">收口线</a></li>
												<li><a href="#">花木线</a></li>
											</ul>
											<ul class="spacing">
												<li><a href="#">踢脚线</a></li>
												<li><a href="#">定制木线</a></li>
												<li><a href="#">其他木线</a></li>
											</ul>
										</div>
										<div class="listing1 flo">
											<ul>
												<li class="Coarse_word">地板配件</li>
												<li><a href="#">地板订</a></li>
												<li><a href="#">扣条</a></li>
												<li><a href="#">地垫</a></li>
												<li><a href="#">地板蜡</a></li>
												<li><a href="#">地板清洁剂</a></li>
												<li><a href="#">底板防水油</a></li>
												<li><a href="#">地板修补剂</a></li>
												<li><a href="#">甲醛清除剂</a></li>
											</ul>
											<ul class="spacing">
												<li><a href="#">地板安装工具</a></li>
												<li><a href="#">其他地板配件</a></li>
											</ul>
										</div>
										<div class="listing1 flo">
											<ul>
												<li class="Coarse_word">吊顶钢龙骨</li>
												<li><a href="#">吊筋</a></li>
												<li><a href="#">吊钢</a></li>
												<li><a href="#">轻钢龙骨</a></li>
												<li><a href="#">扣板龙骨</a></li>
												<li><a href="#">铝合金龙骨</a></li>
												<li><a href="#">其他吊件</a></li>
											</ul>
										</div>
										<div class="listing1 flo">
											<ul>
												<li class="Coarse_word">木工类五金</li>
												<li><a href="#">拉手</a></li>
												<li><a href="#">锁</a></li>
												<li><a href="#">合页</a></li>
												<li><a href="#">铰链</a></li>
												<li><a href="#">插销</a></li>
												<li><a href="#">门夹</a></li>
												<li><a href="#">碰珠</a></li>
												<li><a href="#">脚轮</a></li>
											</ul>
											<ul class="spacing">
												<li><a href="#">闭门器</a></li>
												<li><a href="#">地弹簧</a></li>
												<li><a href="#">吊轮</a></li>
												<li><a href="#">导轨</a></li>
												<li><a href="#">螺栓</a></li>
												<li><a href="#">钉</a></li>
												<li><a href="#">角码</a></li>
												<li><a href="#">螺母</a></li>
											</ul>
											<ul class="spacing">
												<li class="clearfix"><a href="#">围网</a></li>
												<li><a href="#">其他木工五金</a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li class="nav_li">
								<a href="#">泥水工</a>
							</li>
							<li class="nav_li">
								<a href="#">油漆工</a>
							</li>
							<li class="nav_li">
								<a href="#">电工</a>
							</li>
							<li class="nav_li">
								<a href="#">门窗/其他</a>
							</li>
							<li class="nav_li">
								<a href="#">装修工具</a>
							</li>
							<li class="nav_li">
								<a href="#">消防材料</a>
							</li>
							<li class="nav_li">
								<a href="#">建筑防具</a>
							</li>
							<li class="nav_li">
								<a href="#">精细化学品</a>
							</li>
							<li class="nav_li">
								<a href="#">定制/非标准</a>
							</li>
						</ul>
					</div>
				</nav>
			</header> 
			<!--内容div-start-->
			<div class="section clearFix">
				
				<!--内容左边部分-->
				<div class="section-left fl">
					
					<h3>我的购物车</h3>
					
					<div class="vip">
						<span>VIP平时享受正价九折优惠</span>
					</div>
					<div class="settle-accounts fl">
						<h2>登录结算</h2>
						<h3>邮箱/手机</h3>
						<!--账号框-->
						<input type="text" name="" id="" value="" />
						<h3>密码</h3>
						<!--密码框-->
						<input type="password" name="" id="" value="" />
						<!--登陆按钮-->
						<input type="submit" name="" id="" value="登陆" />
						<input type="checkbox" name="" id="box1" value=""/><label for="box1">记住密码</label>
						<a href="#">忘记密码？</a>
					</div>
					<div class="Tourist-Settlement fl">
						<h2>游客登陆</h2>
						<h3>邮箱</h3>
						<input type="text" name="" id="" value="" />
						<input type="submit" name="" id="" value="游客结算" />
						<input type="checkbox" name="" id="box1" value=""/><label for="box1">接受最新的产品和活动信息</label>
					</div>
					<div class="left-end fl">
						<h2>轻松3步完成购买</h2>
						<ul>
							<li>1.配送地址</li> 
							<li>2.支付方式</li> 
							<li>3.订单确认</li> 
						</ul>
					</div>
				</div>
				<!--内容右边部分-->
				<div class="section-right fr clearFix">
					<h3>我的购物车</h3>
					
					<span>修改</span>
					<div class="clearFix">
					</div>
					<!--第一个商品-->
					<div class="commodity1">
						<div class="commodity1-img fl">
							<img src="../images/shopping/1.jpg"/>
						</div>
						<h3>商品品牌名称</h3>
						<ul>
							<li>颜色：白色</li>
							<li>规格：规格x规格</li>
							<li>NH5478525666</li>
							<li>数量：1</li>
							<li>价格：150.00</li>
						</ul>
						<span>价格：￥150.00</span>
					</div>
					<!--第二个商品-->
					<div class="commodity1">
						<div class="commodity1-img fl">
							<img src="../images/shopping/1.jpg"/>
						</div>
						<h3>商品品牌名称</h3>
						<ul>
							<li>颜色：白色</li>
							<li>规格：规格x规格</li>
							<li>NH5478525666</li>
							<li>数量：1</li>
							<li>价格：150.00</li>
						</ul>
						<span>价格：￥150.00</span>
					<!--第二个商品结束div-->
					</div>
					<div class="section-right-end">
						<table>
							<tr>
								<td>商品金额 </td>
								<td>¥900.00</td>
							</tr>
							<tr>
								<td>优惠 </td>
								<td class="td-4-color">-¥0.00</td>
							</tr>
							<tr>
								<td>运费</td>
								<td>¥0.00</td>
							</tr>
							<tr>
								<td colspan="2"  class="tr"><hr /></td>
								
							</tr>
							<tr>
								<td class="last-money">订单总额</td>
								<td class="last-money">¥900.00</td>
							</tr>
						</table>
					</div>
				<!--右边内容结束-->
				</div>
				
				
				
			<!--内容div结束-->	
			</div>
		<!--wrap-div结束-->	
		<footer>
            <div class="footer_tittle clearfix w">
                <ul>
                    <li class="quan"><p>优</p></li>
                    <li>
                        <h5>品质保障</h5>
                        <span>品质保障 品质无忧</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>特</p></li>
                    <li>
                        <h5>特色服务</h5>
                        <span>针对户型 私人定制</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>省</p></li>
                    <li>
                        <h5>全网最低</h5>
                        <span>厂家直销 低价承诺</span>
                    </li>
                </ul>
                <ul>
                    <li class="bangzhu"><p class="iconfont icon-bangzhuzhongxin"></p></li>
                    <li>
                        <h5>帮助中心</h5>
                        <span>你的购物指南</span>
                    </li>
                </ul>
            </div>
            <div class="footer_ul clearfix w">
                <ul>
                    <li>
                        <h5><a href="#">新手指南</a></h5>
                    </li>
                    <li>
                        <a href="#">新手指南</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">支付方式</a></h5>
                    </li>
                    <li>
                        <a href="#">支付宝</a>
                    </li>
                    <li>
                        <a href="#">微信支付</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">物流配送</a></h5>
                    </li>
                    <li>
                        <a href="#">物流方式</a>
                    </li>
                    <li>
                        <a href="#">服务流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">客服中心</a></h5>
                    </li>
                    <li>
                        <a href="#">在线客服</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li class="xiongdi">
                        <a href="#">扫一扫，关注鲁班兄弟</a>
                    </li>
                    <li class="erweima">
                        <a href="#"><img src="../images/index/erweima.jpg"/></a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="bottom_contant">
                    <p>
                    	Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771<span>|</span><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">法律声明</a>
                    </p>
                </div>
            </div>
        </footer>
		</div>

	</body>

</html>